<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8"/>
  <meta name="author" content="Cassie"/>
  <meta name="keywords" content="Kougou"/>
  <meta name="description" content="Kougou"/>
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
  <link rel="stylesheet" href="./css/friend.css"/>
  <title>KUGOU-friend</title>
 </head>
 <body>
  <section class="container">
     <div class="logo">
         <img src="./images/demo-logo.png" alt="">
     </div>
      <div class="head">
          <img src="./images/share-head.png" alt="" >
      </div>    
      <div class="description">我在你眼中是什么样子？</div>
      <p>你已经收集到<span>3</span>枚好友评价</p>
      <div class="list">
          <div class="head-min">
              <img src="./images/share-head.png" alt="">
          </div>
          <span>潮气侧漏，继续潮下去哈</span>
      </div>
      <div class="list">
          <div class="head-min">
              <img src="./images/share-head.png" alt="">
          </div>
          <span>潮气侧漏，继续潮下去哈</span>
      </div>
      <div class="list">
          <div class="head-min">
              <img src="./images/share-head.png" alt="">
          </div>
          <span>潮气侧漏，继续潮下去哈</span>
      </div>
      <div class="bottom">
          <span>关注酷狗，随时收到好友对你的印象</span>
          <button>去关注</button>
          <a href="#">
              <img src="./images/friend-follow.png" alt="">
          </a>
      </div>
  </section>
  <div class="mongolia">
      <img src="./images/friend-code.jpg" alt="">
      <p>扫一扫第一时间</p>
      <p>收到好友对你的评价</p>
  </div>
  <script src="./js/winResponsive.js"></script>
 </body>
 </html>